<?php
    // extraemos el nombre del archivo que estamos mostrando, y lo guardamos para
    // seleccionar la pestaña correspondiente.
    $pagina = $_SERVER["SCRIPT_NAME"]; 
    $pagina = split("/",$pagina);
    $pagina = $pagina[count($pagina)-1];
    
    if ($datos = datosUsuarioSesion())
                {
         /*   <div class="container" style="background-color:whitesmoke;height:100px;width:300px;">
                <table style="width:100%;">
                    <tr>
                        <td rowspan="2" style="width:100px;"><img class="img-polaroid" src="../<?php echo $datos['fotoThumb']; ?>"></td>
                        <td style="text-align:center;height:50px;vertical-align: bottom;font-weight: bold;"><?php echo $datos['nombre']; ?> <?php echo $datos['apellidos']; ?></td>
                    </tr>
                    <tr>
                        <td style="text-align:center;height:50px;color:gray;vertical-align: top;font-size:12px;" colspan="2"><i><?php echo $datos['email']; ?></i></td>
                    </tr>
                </table>
            </div>   */   

        } else {
            echo '<br><a href="../cerrarSesion.php"> CERRAR </a>';
        }
    ?>
<style>
    .tooltip {
        font-weight:bold;
        font-size:15px;
    }
</style>
<div id="menu">
            
    <div style="padding-top:2px;float:left;width:150px;height:35px;vertical-align: middle;">
        <div style="background-color:black;width:53px;margin-left:40px;padding:5px;border-radius:28px;box-shadow:1px 0px 6px black">
            <a id="kinet" class="brillo opcionMenu" style="vertical-align: middle;" href="../usuarios/usuario.php" data-toggle="tooltip" data-placement="bottom" data-original-title="Home"><img src="../img/menu/kinet64.png"><span></span></a>
        </div>
    </div>

    <?php if ($pagina == 'buscarPlan.php' || $pagina == 'nuevoPlan.php') { ?>

        <div style="padding-top:1px;vertical-align:middle;float:left;width:50px;">
            <a title="Proyectos" id="proyectos" rel="proyectos">
                <img class="opcionMenuActivo" alt="Proyectos" src="../img/menu/proyectos.png">
            </a>
        </div>

    <?php } else { ?>

        <div style="padding-top:1px;vertical-align:middle;float:left;width:50px;">
            <a title="Proyectos" id="proyectos" href="../planes/buscarPlan.php" rel="proyectos">
                <img class="opcionMenu" alt="Proyectos" src="../img/menu/proyectos.png">
            </a>
        </div>

    <?php } ?>
        <div style="float:left;width:0px;">
            <form name="contactos" method="get" action="../usuarios/contactos.php" rel="contactos">
               <!--<input type="hidden" value="<?php // echo $_SESSION['uid'] ?>" name="uid">-->
            </form>
        </div>
    
    <?php $solicitudesContactoNuevas = solicitudesContactoNuevas($_SESSION['uid']);?>
    <?php if ($pagina == 'contactos.php' || $pagina == 'buscarUsuario.php' || $pagina == 'solicitudesContacto.php') { ?>
        <div style="padding-top:1px;vertical-align:middle;float:left;width:50px;position:relative">
            <a rel="contactosActivo" id="contactos" rel="contactos">
                <img class="opcionMenuActivo" src="../img/menu/contactos.png">
            </a>
            <?php if ($solicitudesContactoNuevas > 0) { ?>
                <div class="notificaciones">
                    <?php echo $solicitudesContactoNuevas; ?>
                </div>
            <?php } ?>
        </div>
        
    <?php } else { ?>
        <div style="padding-top:1px;vertical-align:middle;float:left;width:50px;position:relative">
            <a style="cursor:pointer;" id="contactos" onClick="javascript:document.contactos.submit();" rel="contactos">
                <img class="opcionMenu" src="../img/menu/contactos.png">
            </a>
            <?php if ($solicitudesContactoNuevas > 0) { ?>
                <div class="notificaciones">
                    <?php echo $solicitudesContactoNuevas; ?>
                </div>
            <?php } ?>
        </div>
        
    <?php } ?>
 <style>
            .notificaciones {
                min-width:17px;
                height:17px;
                position:absolute; 
                top:1px;
                right:1px;
                text-align:center;
                background-color:red;
                border-radius:8px;
                /*border: black solid 2px;*/
                color:white;
                font-weight:bold;
                overflow:hidden;
                -webkit-animation:myfirst 0.5s;  /*Chrome, Safari, Opera */
                animation:myfirst 0.5s;
                font-size:12px;
            }
               

        </style>
     <?php if ($pagina == 'mensajes.php' || $pagina == 'mensajesEnviados.php' || $pagina == 'mensajesRecibidos.php' || $pagina == 'nuevoMensaje.php' || $pagina == 'conversaciones.php') { ?>

        <div style="padding-top:1px;vertical-align:middle;float:left;width:50px;position:relative">
            <?php $mensajesSinLeer =  mensajesSinLeer($_SESSION['uid']);?>
            <?php if ($mensajesSinLeer > 0)  { ?>
                <div class="notificaciones" style="z-index:100">
                    <?php echo $mensajesSinLeer; ?>
                </div>
            <?php } ?>
            <div>
                <a title="Mensajes" id="mensajes" rel="mensajes">
                    <img class="opcionMenuActivo" src="../img/menu/mensajes.png">
                </a>
            </div>
        </div>

    <?php } else { ?>

        <div style="padding-top:1px;vertical-align:middle;float:left;width:50px;position:relative">
            <?php $mensajesSinLeer =  mensajesSinLeer($_SESSION['uid']);?>
            <?php if ($mensajesSinLeer > 0)  { ?>
                <div class="notificaciones" style="z-index:100">
                    <?php echo $mensajesSinLeer; ?>
                </div>
            <?php } ?>
            <div>
                <a title="Mensajes" id="mensajes" href="../mensajes/mensajes.php" rel="mensajes">
                    <img class="opcionMenu" src="../img/menu/mensajes.png">
                </a>
            </div>
            
        </div>
    <?php } ?>
    <?php $notificacionesNuevas = notificacionesNuevas($_SESSION['uid']);?>
    <?php if ($pagina == 'notificaciones.php') { ?>
        <div style="padding-top:1px;vertical-align:middle;float:left;width:50px;position:relative">
            <a title="Notificaciones" id="notificaciones" href="../avisos/notificaciones.php" rel="notificaciones">
                    <img class="opcionMenuActivo" alt="Notificaciones" src="../img/menu/notificaciones.png">
            </a>
            <?php if ($notificacionesNuevas > 0) { ?>
            <div class="notificaciones">
                <?php echo $notificacionesNuevas; ?>
            </div>
            <?php } ?>
        </div>
    <?php }  else { ?>
        <div style="padding-top:1px;vertical-align:middle;float:left;width:50px;position:relative">
            <a title="Notificaciones" id="notificaciones" href="../avisos/notificaciones.php" rel="mensajes">
                <img class="opcionMenu" alt="Notificaciones" src="../img/menu/notificaciones.png">
            </a>
            <?php if ($notificacionesNuevas > 0) { ?>
                <div class="notificaciones">
                    <?php echo $notificacionesNuevas; ?>
                </div>
            <?php } ?>

        </div>
    <?php } ?>
        
     <?php if (obtenerPerfil($_SESSION['uid'])==0) { ?>
            <div style="padding-top:1px;vertical-align:middle;float:left;width:50px;">
                  <a title="Administrar" id="administracion" href="../admin/administrador.php" rel="administracion">
                        <img class="opcionMenu" src="../img/menu/administracion.png">
                  </a>
            </div>
     <?php } ?>
    <div style="vertical-align:middle;float:right;width:50px;padding:2px;">
        <a id="apagar" title="Cerrar Sesión" href="../logic/cerrarSesion.php"><!--<img id="apagar" src="../img/apagar.png">--></a>
    </div>
    
    <style>
        a.perfil {
            color:white;
        }
    </style>
    
     <div style="padding-top:7px;vertical-align:middle;float:right;width:auto;padding:7px 12px 12px 12px;">
        <b><a title="Mi Perfil"  class="perfil" href="../usuarios/miPerfil.php"><?php echo $datos['nombre']; ?> <?php echo $datos['apellidos']; ?></a></b>
     </div>
        
    <div style="padding-right:10px;vertical-align:middle;float:right;width:35px;padding-right:5px;">
        <img  style="border-width:2px;border-color:white;border-style:solid;width:35px;height:auto;" src="../<?php echo $datos['foto'] ?>">
     </div>
</div>

<!--<script src="../js/bootstrap-tooltip.js"></script>-->
<script language="javascript">
   $(document).ready(function(){
        $("#contactos").tooltip({ placement: 'bottom', html : true, trigger:'hover', title: 'Contactos'});
        $("#proyectos").tooltip({ placement: 'bottom', html : true, trigger:'hover', title: 'Proyectos'});
        $("#mensajes").tooltip({ placement: 'bottom', html : true, trigger:'hover', title: 'Mensajes'});
        $("#notificaciones").tooltip({ placement: 'bottom', html : true, trigger:'hover', title: 'Notificaciones'});
        $("#administracion").tooltip({ placement: 'bottom', html : true, trigger:'hover', title: 'Administrar'});
    });
</script>